<template>
  <div>
       <mc-dialog-iframe :refreshWhileOpen="false" height="80%" title="ff" :visible.sync="dialogVisible" :src="href" mck1="a" :mcv1="input"></mc-dialog-iframe>
       <el-input v-model="input"></el-input>
       <el-button @click="print">打印</el-button>
       <el-button @click="change">改变</el-button>
       <el-button @click="open">打开</el-button>

    <span class="mc-span-pane" style="position: absolute; left: 7.88955%; top: 256px;">
		<mc-dialog-iframe :visible.sync="mcDialog3" :mc-config-tmp="{'pageUuid':''}" :fullscreen="true" :src="url"></mc-dialog-iframe>
		<el-button @click="mcDialog3=true">预览pdf</el-button>
	</span>
    <el-button style="position: absolute; left: 57.5937%; top: 473px;" @click="changeurl"  >确定</el-button>



  </div>
</template>

<script>
import McDialogIframe from "./components/McDialogIframe";

export default {
    data(){
      return {
        href:"http://www.csdn.net",
        input:"",
        dialogVisible:false,
        mcDialog3:false,
        url:""
      }
    },
    components:{
      McDialogIframe
    },
    methods:{
      changeurl(){
        this.url="http://www.csdn.com"
      },
      open(){
        this.dialogVisible = true;
      },
        print(){
            console.log(this.form)
        },
        change(){
            //this.form.userName = false;
            this.href = "http://www.csdn.net";
            this.dialogVisible = true;
        }
    }
}
</script>

<style>

</style>
